<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>游服科技官网</title>
	<meta name="author" content="Alvaro Trigo Lopez" />
	<meta name="description" content="fullPage plugin by Alvaro Trigo. Pure javascript version of full screen slider." />
	<meta name="keywords"  content="fullpage,jquery,alvaro,trigo,plugin,fullscren,screen,full,iphone5,apple,pure,javascript,slider,hijacking" />
	<meta name="Resource-type" content="Document" />
	<style>
</style>
	<script type="text/javascript" src="../js/jquery-2.0.3.js"></script>
	<script src="../js/layer/layer.js"></script>
	<script type="text/javascript" src="../js/request.js"></script>
	<script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="../bootstrap-3.3.7/js/bootstrap.js"></script>
</head>
<body>
<!-- 顶部导航 -->
<div class="headerpage"></div>
<div style="height:70px"></div>
<div style="background-image: url(../images/contact.jpg); background-repeat:no-repeat; background-size:100% 100%;height:350px">
	<div style="text-align:center;z-index:11;padding-top:130px;font-size: 35px; color:lightgrey">联系我们</div>
</div>
<div style="width:100%;height:600px;background:#eeeeee">
	<div style="height:100px"></div>
	<div style="width:80%;height:400px;background:#ffffff;margin-left:10%;">

		<form action="form_action.asp" method="get">
			<div class="row"  style="padding-top: 50px">
				<div class="col-md-6" style="padding-left:10%">
					<br/>
					<input id="gwMessageName" type="text" class="form-control" placeholder="姓名" style="width:80%"/>

					<br/>
					<input id="gwMessageMobile" type="text" class="form-control" placeholder="电话" style="width:80%"/>
					<br/>
					<input id="gwMessageEmail" type="text" class="form-control" placeholder="邮箱" style="width:80%"/>
				</div>
				<div class="col-md-6">
					<br/>
					<textarea id="gwMessageDesc"  class="form-control"  style="width:80%" rows="5" placeholder="编辑消息"></textarea>
				</div>
			</div>
			<br/>
			<button type="button" class="btn btn-success" style="float: right;margin-right:10%;font-size:17px;height:50px;width:130px" id="sendMessage">发送消息</button>
		</form>
	</div>
 


</div>
<div style="height:200px;width:100%;" >
	<iframe   frameborder=0   border=0  style="height:100%;width:100%;"  src="booter.html" mce_src="booter.html"></iframe>  

</div>


<script type="text/javascript">
$(function () {
    $(".headerpage").load("header.html");
    $("#sendMessage").click(function(){
        // 动作触发后执行的代码!!
		var gwMessageName = $("#gwMessageName").val();
        var gwMessageMobile = $("#gwMessageMobile").val();
        var gwMessageEmail = $("#gwMessageEmail").val();
        var gwMessageDesc = $("#gwMessageDesc").val();

        $.ajaxHttp({
            url: '/web/message/save',
            type: 'POST',
            json: true,
            mask: true, //是否有loading,
            data: {
                gwMessageName: gwMessageName,
                gwMessageMobile: gwMessageMobile,
                gwMessageEmail: gwMessageEmail,
                gwMessageDesc: gwMessageDesc
            }
        }).then(function(data){
            layer.msg("操作成功");
            // 成功回调，data是成功回调参数
        }, function(err){
            console.log(err);
            // 错误回调，err是错误回调参数
            // 这里不处理错误也可以，上面都有集中处理错误，会tips
        })
    });
})
	

</script>

</body>
</html>
